<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的订单</title>
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css">
    <!-- 删除的css -->
    <link href="../../css/personCenter/sweetalert/sweetalert.css" rel="stylesheet">
    <!-- 自己写的css -->
    <link rel="stylesheet" href="../../css/personCenter/person-center.css">
    <link href="../../css/index/index.css" rel="stylesheet">

</head>


<body class="gray-bg">
    <div class="container-fluid" id="head" style="margin-bottom: 0px;">
        <div class="row">

            <nav class="navbar " role="navigation"
                style="background-color: rgb(206, 228, 247);padding-left: 70px;margin-bottom: 2px;">
                <div class="container-fluid">
                    <div class="">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="index.html"> <img src="../../imgs/index/logo.jpg" alt="失败" id="logo"
                                class="img-circle navbar-brand"></a>
                        <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                    </div>

                    <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                        <ul class="nav navbar-nav ">
                            <li class=""><a href="index.html">
                                    <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    游记<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-user"
                                                style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                            &nbsp;达人
                                            <span class="badge pull-center" style="background-color: red">hot</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-edit"></span>
                                            写游记
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">赚钻石</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-flag"></span>
                                            游记主页</a></li><br>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    景点<b class="caret"></b>
                                    <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">NEW</span>
                                        </a></li><br>
                                    <li><a href="#"><span class="glyphicon glyphicon-plane">&nbsp;精品行程</span></a></li>
                                    <br>
                                    <li><a href="#"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">
                                    <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                    <span class="badge pull-center"
                                        style="background-color: red;font-size:1px">hot</span>
                                </a>
                            </li>

                        </ul>

                        <!-- <div style="padding-top:15px" class="">
                                        <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                        
                                    </div> -->


                        <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                            <li class="dropdown">
                            <li> <a></a></li>
                            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                    style="font-family: 楷体;padding-left: 0px">
                                    我的悠 U &nbsp;<img id="headerImg" src="../../imgs/index/head.jpg" class="img-circle"
                                        style="width:25px;height: 23px;padding: 0px;;"><b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="#">我的导游</a>
                                    </li>
                                    <li>
                                        <a href="#">我的钱包</a>
                                    </li>

                                    <li>
                                        <a href="#">我的游记</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li> <a href="#">互动信息</a> </li>
                                    <li> <a href="#">我的账号</a> </li>
                                    <li> <a href="#">退出</a> </li>
                                </ul>
                            </li>
                            <li><a href="#weibo"><i class="fa fa-weibo"></i></a></li>
                            <li><a href="#weixin"><i class="fa fa-weixin"></i> </a></li>
                            <li><a href="#weixin"><i class="fa fa-qq"></i></a></li>
                            <li><a href="">登录</li> </a>
                            <li><a href="">注册</li> </a>

                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- 导航 end -->

    <!-- 图片 begin -->
    <!-- 图片 begin -->
    <div id="you">
        <span>悠 U旅行交友新方式</span><br>
        欢迎您!
    </div>
    <!-- 图片end -->
    <!-- 面包屑 begin -->
    <!-- 面包屑 begin -->
    <div class="container-fluid" style="margin-top: 150px;padding: 0px">
        <div class="row" style="margin: 0px 8%;font-size: 14px;">
            <ul class="breadcrumb" style="background-color: white">
                <li><a href="#">首页</a></li>
                <li><a href="#">我的悠U</a></li>
                <li class="active">我的订单</li>
            </ul>
        </div>
    </div>
    <!-- 面包屑 end -->

    <!-- 个人中心 -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-1">
            </div>
            <!-- 左侧导航 begin -->
            <div class="col-md-2" style="padding: 0px">
                <!--  -->
                <div style="width: 75%;font-size: 14px;float: left;">
                    <div id="leftnavs">
                        <a href="   person_center.html" style="text-decoration: none;" class="list-group-item">
                            <h3>我的悠U</h3>
                        </a>
                        <a href="order.html" class="list-group-item">
                            <span class="glyphicon glyphicon-tasks"></span>&nbsp;我的订单
                        </a> </li>
                        <a href="../Tourist/myTraveler.html" class="list-group-item">
                            <span class="glyphicon glyphicon-flag"></span>&nbsp;我的导游

                        </a></li>
                        <a href="pay_diamond.html" class="list-group-item">
                            <span class="  glyphicon glyphicon-credit-card"></span> &nbsp;我的钱包
                        </a></li>
                        <a href="../traveler/myTraveler2.html" class="list-group-item">
                            <span class="glyphicon glyphicon-play-circle"></span>&nbsp;我的游记</a>
                        <a href="messages.html" class="list-group-item">
                            <span class="glyphicon glyphicon-bell"></span>&nbsp;系统通知</a></li>

                        <a href="personal_information.html" class="list-group-item">
                            <span class="glyphicon glyphicon-magnet"></span>&nbsp;个人资料</a>
                        <a href="#" class="list-group-item">
                            <span class="glyphicon glyphicon-user"></span>&nbsp;上传头像</a>
                    </div>
                </div>
            </div>
            <!-- end -->
            <!-- 订单 -->
            <div class="col-md-8 list-group-item" style="background-color: rgb(235, 243, 247);margin-bottom: 30px">
                <div class="container-fluid ">
                    <div class="row">
                        <div style="margin-bottom: 5px;overflow: hidden;">

                            <div style="font-size: 20px;margin-left: 30px;margin-top: 20px">
                                我的订单
                                <hr style="background-color: gray;height:1px;margin-right: 50px;border: none">
                            </div>
                            <div class="panel panel-danger" style="margin-left: 30px;margin-right: 150px">
                                <div class="panel-heading">
                                    悠U不会以任何理由要求您点击任何网址链接进行订单付款操作,谨防诈骗!
                                </div>
                            </div>

                            <div>
                                <ul style="margin-bottom: 20px">
                                    <a href="#"
                                        style="text-decoration: none;list-style: none;float: left;margin-right: 40px;margin-bottom: 20px">
                                        <li>全部订单</li>
                                    </a>
                                    <a href="#"
                                        style="text-decoration: none;float: left;margin-right: 40px;list-style: none">
                                        <li>预约订单(0)</li>
                                    </a>
                                    <a href="#"
                                        style="text-decoration: none;float: left;margin-right: 40px;list-style: none">
                                        <li>待出行(1)</li>
                                    </a>
                                    <a href="#"
                                        style="text-decoration: none;float: left;list-style: none;margin-right: 40px">
                                        <li>待评价(0)</li>
                                    </a>
                                </ul>
                                <hr
                                    style="background-color: gray;height:1px;margin-right: 50px;border: none;clear: both;margin-left: 30px">
                            </div>
                            <div class="row">
                                <div class="col-sm-10" style="margin-left: 40px">
                                    <div class="ibox float-e-margins">
                                        <div class="ibox-content">
                                            <div class="row">
                                                <div class="col-sm-4">
                                                    <select class="form-control">
                                                        <option value="0">七天内</option>
                                                        <option value="1">三个月内</option>
                                                        <option value="2">三个月前</option>
                                                        <option value="3"></option>
                                                    </select>
                                                </div>

                                                <div class="col-sm-6">
                                                    <div class="input-group">
                                                        <input type="text" placeholder="请输入关键词"
                                                            class="input-sm form-control"> <span
                                                            class="input-group-btn">
                                                            <button type="button" class="btn btn-sm btn-primary">
                                                                搜索</button> </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="table-responsive ">
                                                <table class="table table-striped">
                                                    <thead>
                                                        <tr>

                                                            <th></th>
                                                            <th>订单信息</th>
                                                            <th>订单编号</th>
                                                            <th>目的地</th>
                                                            <th>订单状态</th>
                                                            <th>操作</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <input type="checkbox" checked class="i-checks"
                                                                    name="input[]">
                                                            </td>
                                                            <td>米莫说｜MiMO Show</td>
                                                            <td><span class="pie">0.52/1.561</span>
                                                            </td>
                                                            <td>20%</td>
                                                            <td>2014.11.11</td>
                                                            <td>
                                                                <button> <i
                                                                        class="fa fa-trash text-danger demo3"></i></button>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <input type="checkbox" class="i-checks" name="input[]">
                                                            </td>
                                                            <td>商家与购物用户的交互试衣应用</td>
                                                            <td><span class="pie">6,9</span>
                                                            </td>
                                                            <td>40%</td>
                                                            <td>2014.11.11</td>
                                                            <td><a href="table_basic.html#"><i
                                                                        class="fa fa-trash"></i></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <input type="checkbox" class="i-checks" name="input[]">
                                                            </td>
                                                            <td>天狼---智能硬件项目</td>
                                                            <td><span class="pie">3,1</span>
                                                            </td>
                                                            <td>75%</td>
                                                            <td>2014.11.11</td>
                                                            <td><a href="table_basic.html#"><i
                                                                        class="fa fa-trash"></i></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <input type="checkbox" class="i-checks" name="input[]">
                                                            </td>
                                                            <td>线下超市+线上商城+物流配送互联系统</td>
                                                            <td><span class="pie">4,9</span>
                                                            </td>
                                                            <td>18%</td>
                                                            <td>2014.11.11</td>
                                                            <td><a href="table_basic.html#"><i
                                                                        class="fa fa-trash"></i></a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td colspan="5">
                                                                <ul class="pagination pull-right">
                                                                    <li><a href="#">&laquo;</a></li>
                                                                    <li class="active"><a href="#">1</a></li>
                                                                    <li class="disabled"><a href="#">2</a></li>
                                                                    <li><a href="#">3</a></li>
                                                                    <li><a href="#">4</a></li>
                                                                    <li><a href="#">5</a></li>
                                                                    <li><a href="#">&raquo;</a></li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 订单表格 end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主题 end -->


    <!-- 底部导航 begin -->
    <div class=" container-fluid">
        <div class="row">
            <nav class="navbar navbar-inverse fixed-bottom" role="navigation">
                <div class="container-fluid" style="font-size: 13px">
                    <div class="row">
                        <ul class="nav navbar-nav">
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 150px">
                                    <h4>悠&nbsp;U旅行</h4>
                                    <p>悠&nbsp;U是一个新方式的<span style="color: bisque">
                                            "旅行交友"</span> 的网站,<br>
                                        旨在帮助旅行者计划和结伴游玩,<br>
                                        可以提供业余的引路人带给旅行者更好的 <span style="color: bisque"> "游玩体验"</span><br>
                                        提供一定的旅行日记,打造 <span style="color: bisque">"新方式旅行交友"</span><br>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px">
                                    <h4 style="text-align: center">关于我们</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>关于悠 U</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们
                                        </li><br>
                                        <li>服务协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游记协议</li>
                                        <br>
                                        <li>达人协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策
                                        </li><br>
                                        <li>网络信息侵权通知指引</li><br>
                                        <li>网站地图</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商业合作</li>
                                        <br>
                                        <li style="color: bisque">
                                            &nbsp;&nbsp;&nbsp;加入我们</li>

                                    </ul>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px">
                                    <h4 style="text-align: center">帮助中心</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>新手上路</li><br>
                                        <li style="color: bisque">意见反馈</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;常见问题</li><br>
                                        <li style="color: bisque">帮助中心</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;旅行工具</li><br>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <br><br>
                    <hr>
                    <div style="color: rgb(177, 177, 177);margin-top: 20px;margin-left: 150px;font-size: 12px">
                        <div style="float: left;"><img src="../../imgs/index/logo.jpg" width="60px" height="40px"
                                style="opacity: 0.7;border-radius: 80px;">
                        </div>
                        <div style="float: left;margin: 10px 5px;font-family: '楷体';font-size:18px">
                            悠 U</div>
                        <div style="float: left;;margin-top: 10px;margin-left: 30px">
                            © 2019 悠U
                            版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可&nbsp;&nbsp;&nbsp;营业执照
                        </div>
                        <div style="clear: both;margin-left: 130px;margin-bottom: 10px">
                            悠U不是旅行社,也不是代理商,我们只提供一些免费、客观、公正
                            、计费的攻略指南,以及一些业余的引路人
                            对外部网站概不负责</div>

                    </div>
                </div>
                <div
                    style="float: right;width: 40px;height: 50px;margin-right: 10px;background-color: aliceblue;text-align: center">
                    <a href="#top" style="color: rgb(177, 177, 177)"><br>Top&nbsp;↑</a>
                </div>
            </nav>

        </div>
    </div>

    <!-- 返回首页 -->
    <div class="gohome" style="float: right;margin-right: 20px">
        <a href="../../index.html" class="animated bounceInUp">
            <i class="fa fa-home"></i>
        </a>
    </div>
    <!-- 返回首页end -->








    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>

    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>

    <!-- Sweet alert -->
    <script src="../../js/sweetalert/sweetalert.min.js"></script>

    <script>
        $('.demo3').click(function () {
            swal({
                title: "您确定要删除这个订单吗",
                text: "删除后将无法恢复，请谨慎操作！",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "删除",
                closeOnConfirm: false
            }, function () {
                swal("删除成功！", "您已经永久删除了这条信息。", "success");
            });
        });
    </script>
</body>


</html>